////////////////// 第三屏 ////////////////////

// 平台应用类别-第一行第一个图表-饼状图
var chart311 = echarts.init(document.getElementById('data3_row1_cell1_chart'));
var option311 = {
    // 鼠标经过提示框
    tooltip: {
        trigger: 'item',
        formatter: "{b}: {c}（{d}%）",
        padding: [8,12],
        textStyle:{
          fontFamily: 'nssc',
          fontSize: 18
        }
    },
    // 主内容
    series: [
        {
            type:'pie',
            // 环形
            center: ['50%','44%'],
            radius: ['50%', '65%'],
            roseType: 'radius',
            // 块提示
            label: {
                normal: {
                    show: true,
                    position: 'outside',
                    formatter: '{b}：{c}',
                    textStyle:{
                      fontFamily: 'nssc',
                      fontSize: '18'
                    }
                },
                emphasis:{
                  textStyle:{
                    fontSize: '22'
                  }
                }
            },
            // 块提示线条
            labelLine: {
                normal: {
                    show: true
                }
            },
            // 数据
            data:[
                {
                  name:'办公',
                  value:46,
                  // 环形颜色
                  itemStyle:{
                    normal:{
                      color: '#369ddf'
                    }
                  }
                },
                {
                  name:'娱乐',
                  value:66,
                  itemStyle:{
                    normal:{
                      color: '#ff785d'
                    }
                  }
                },
                {
                  name:'社交',
                  value:65,
                  itemStyle:{
                    normal:{
                      color: '#3acb89'
                    }
                  }
                },
                {
                  name:'监控',
                  value:58,
                  itemStyle:{
                    normal:{
                      color: '#ffb72c'
                    }
                  }
                }
            ]
        }
    ]
};
chart311.setOption(option311);
